 
require( [ './config' ], () => {
	// 请求接口时需要添加template
	require(['swiper','template', 'header', 'footer'], (Swiper, template) => {
		class Index {
			constructor () {
				this.banner()
				// 获取拼多多接口数据
				this.getPddList()
				// 获取本地json数据
				// this.getHomeCategory()
			}
			// 轮播图
			banner () {
				// swiper本身就是一个满足AMD规范的模块，不需要垫片
					// 所以需要在上面接收Swiper
				var mySwiper = new Swiper ('.swiper-container', {
				   
				   loop: true, // 循环模式选项
				   // autoplay: true,
				   autoplay: {
					   // 用户操作swiper之后，是否禁止autoplay。默认为true：停止。
					   stopOnLastSlide: false,
					   disableOnInteraction:false,
				   },
				   // 如果需要分页器
				   pagination: {
				     el: '.swiper-pagination',
					 clickable :true
				   },
				   
				   // 如果需要前进后退按钮
				   navigation: {
				     nextEl: '.swiper-button-next',
				     prevEl: '.swiper-button-prev'
				   }
				   
				 })
				
			}
		// 获取本地json文件数据方法
		// getHomeCategory(){
		// 	console.log("ok11")
		//     $.get('/libs/json/homeCategory.json', resp => {
		// 		  console.log("ok")
		// 		  console.log(resp)
		// 		  const templateHtml = template('ImgTemplate', { 
		// 			// json文件返回的也是数组，直接赋值给list
		// 			list: resp
		// 		  })
		// 		  // 拿到数据写给模板，放到对应的容器$('#pddList')里
		// 		  $('#categoryList').html(templateHtml)
		// 		  console.log(templateHtml)
		//     })
		    
		// }
					  
		// 获取 代理拼多多 接口渲染
		getPddList(){
			// https://apiv2.pinduoduo.com/api/gindex/subject/limited/goods
			$.get('/api/gindex/subject/limited/goods', {
				subject_id: 39274,
				page: 1,
				size: 50
          } ,(resp) => {
				// console.log(resp);
				// console.log(resp.result); //true
				if (resp.result) {
				  const { data } = resp
				  console.log(data)
				  // 拼多多渲染，但接口数据不完全，
				  $('#pddList').html(template('bannerImgTemplate', { data }))
				  
				  
				  $('.picCont').html(template('picContTemplate', { data }))
				  $('#hotGoodsUl').html(template('hotGoodsUlTemplate', { data }))
				  
				  
				  
				}
			})
		  }
		  
		 
		  
		}
		new Index();
		
	})
})
 
